<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Microsoft 微软官网|微软官方商城</title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="icon" type="image/x-icon" href="imgs/捕获_03.png" />
		<link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> </head>

	<body>
		<div class="advertisement">
			<div class="container">
				<a href="">
					6.18 星品惠 | Xbox One X 1TB 冰雪白直降优惠￥3,399起。<u>立抢优惠></u>
				</a>
			</div>
		</div>
		<header>
			<div class="container">
				<div class="logo">
					<a href="http://rhycang.gitee.io/microsoftshouye/" class="log-right"> <img src="imgs/logo_03.png" /> </a>
					<a href="" class="log-left">
						支持与帮助
					</a>
				</div>
				<div class="head-ad">
					<form class="search">
						<input type="search" placeholder="Surface Pro 6" class="search-input" /> <img src="imgs/007_03.png" /> </form>
					<div class="head-none">
						<a href=""> <img src="imgs/007_03.png" /> </a>
					</div>
					<div class="shopcar">
						<a href=""> <img src="imgs/007_05.png" /> </a>
					</div>
					<div class="sign-in">
						<a href="" id="dv_nav_btn">
							<i>登录</i>
							<img src="imgs/捕获_123.png" class="i-none"/>
							<img src="imgs/007_08.png" class="i-show"/>

							<ul class="dt-nav dt-ul-deng" id="dv_nav_content">
								<span>
									<a href="" class="mine-numb">我的账户</a> </span>
								<li>
									<a href="">我的订单</a>
								</li>
								<li>
									<a href="">地址管理</a>
								</li>
								<li>
									<a href="">我的专区</a>
								</li>
								<li>
									<a href="">我的优惠劵</a>
								</li>
								<a href="" class="denglv">登录</a>
								<p class="find">
									<a href="">正在查找Microsoft账户设置？</a>
								</p>
							</ul>
						</a>
					</div>
				</div>
			</div>
		</header>
		<nav class="navbar navbar-expand-lg navbar-light">
			<div class="container">
				<a class="navbar-brand" href="#">微软官方商城</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
				<div class="collapse navbar-collapse" id="navbarText">
					<ul class="navbar-nav mr-auto">
						<li class="nav-item">
							<a class="nav-link" href="http://rhycang.gitee.io/hunhexianshi-2/" id="dt_nav_btn">硬件
								<i id="down-push"></i>
								<i id="down_new"></i>
							</a>
							<div class="dt-nav dt_y" id="dt_nav_content">
								<ul>
									<li class="down_fu">
										<a href="" class="a-position a-1">Surface</a> <i id="down_la_n"></i> </li>
									<li>
										<a href="">电脑与平板</a>
									</li>
									<li>
										<a href="">X-box+游戏</a>
									</li>
									<li>
										<a href="http://rhycang.gitee.io/hunhexianshi-2/">混合现实</a>
									</li>
									<li>
										<a href="">配件</a>
									</li>
								</ul>
							</div>

						</li>
						<li class="nav-item">
							<a class="nav-link" href="http://rhycang.gitee.io/windows1/" id="dt_nav_btn">软件
								<i id="down-push"></i>
							</a>
							<div class="dt-nav dt-nav-ul" id="dt_nav_content">
								<ul>
									<li>
										<a href="" class="a-position a-apo">Office</a>
									</li>
									<li>
										<a href="http://rhycang.gitee.io/windows1/">Windows</a>
									</li>
									<li>
										<a href="">Apps and Windows10游戏</a>
									</li>
									<li>
										<a href="">Visual Studio</a>
									</li>
									<li>
										<a href="">Microsoft Complete</a>
									</li>
									<li>
										<a href="">其他软件与服务</a>
									</li>
								</ul>
							</div>

						</li>
						<li class="nav-item">
							<a class="nav-link" href="">商务</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="">教育</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="">以旧换新</a>
						</li>
						<li class="nav-item">
							<a class="nav-link nav-link-none" href="">支持与帮助</a>
						</li>
						<li class="nav-item">
							<a class="nav-link nav-link-none" href="">客服热线：4008822059</a>
						</li>
					</ul> 
					<span class="navbar-text">
     					<a href="" class="nav-link nav-order">订单跟踪</a>
     					<a href="" class="nav-link nav-out">30天退换货</a>
   		 			</span> </div>
			</div>
		</nav>
		<div class="main">
			<div class="container">
				<div class="banner">
					<div class="ban-banckground">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<img src="imgs/MobileHomePage2019CommonBanner-Media-04.jpg" class="swiper-none" />
									<img src="imgs/00-1.jpg" class="swiper-show" />
									<div class="swiper-word">
										<h2>全Xbox 折么有趣</h2>
										<p> Xbox One X 1TB 游戏机招行信用卡享 12 期免息混
											<br> 以旧换新最高补贴 200 元 </p> <span class="swiper-money">优惠价：<b class="big-money">¥ 3,399 起</b></span>
										<div>
											<a href="" class="sw-btn sw-btns">
												立即购买
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<img src="imgs/MobileHomePage2019CommonBanner-Media-05.jpg" class="swiper-none" />
									<img src="imgs/00-2.jpg" alt="" class="swiper-show">
									<div class="swiper-word swiper-med">
										<h2>全Xbox 折么有趣</h2>
										<p class="swiper-up"> XBOX 无线控制器 ONE 出更多乐趣 </p> <span class="swiper-money">优惠价：<b class="big-money">¥ 319起</b></span>
										<div>
											<a href="" class="sw-btn sw-btns">
												立即购买
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<img src="imgs/MobileHomePage2019CommonBanner-Media-01.jpg" class="swiper-none" />
									<img src="imgs/00-3.jpg" alt="" class="swiper-show">
									<div class="swiper-word swiper-med">
										<h2>百变菁英 Surface Pro 6</h2>
										<p> 酷睿 i5 128GB 专业键盘盖套餐
											<br> 招行信用卡享 12 期免息 </p> <span class="swiper-money">优惠价：<b class="big-money">¥ 7,956 </b></span>
										<div>
											<a href="" class="sw-btn sw-btns">
												立即购买
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<img src="imgs/MobileHomePage2019CommonBanner-Media-02.jpg" class="swiper-none" />
									<img src="imgs/00-4.jpg" alt="" class="swiper-show">
									<div class="swiper-word swiper-med">
										<h2>时尚型格 Surface Laptop 2</h2>
										<p> 酷睿 i5 256GB 全色系
											<br> 招行信用卡享 12 期免息 </p> <span class="swiper-money"><b class="big-money">¥9,728 起</b>
										</span>
										<div>
											<a href="" class="sw-btn sw-btns">
												立即购买
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<img src="imgs/MobileHomePage2019CommonBanner-Media-03.jpg" class="swiper-none" />
									<img src="imgs/00-5.jpg" alt="" class="swiper-show">
									<div class="swiper-word swiper-med">
										<h2>便携新体验 Surface Go</h2>
										<p> 128GB WiFi 版专业键盘盖套餐
											<br> 招行信用卡享 12 期免息 </p> <span class="swiper-money">套餐价：<b class="big-money">¥4,656</b>
										</span>
										<div>
											<a href="" class="sw-btn sw-btns">
												立即购买
											</a>
										</div>
									</div>
								</div>
							</div>
							<!-- Add Pagination -->
							<div class="swiper-pagination"></div>
							<!-- Add Arrows -->
							<div class="swiper-button-next"></div>
							<div class="swiper-button-prev"></div>
						</div>
					</div>
				</div>
				<div class="classification">
					<div class="product_ategory">
						<h4 class="product_h4">产品类别</h4>
						<ul>
							<li>
								<a href="">全新 Surface Studio 2</a>
							</li>
							<li>
								<a href="">Surface Headphones</a>
							</li>
							<li>
								<a href="">Surface Go</a>
							</li>
							<li>
								<a href="">Surface Pro 6</a>
							</li>
							<li>
								<a href="">Surface Laptop 2</a>
							</li>
							<li>
								<a href="">Surface Book 2</a>
							</li>
							<li>
								<a href="">认证翻新Surface</a>
							</li>
							<li>
								<a href="">Xbox+游戏</a>
							</li>
							<li>
								<a href="">Office</a>
							</li>
							<li>
								<a href="">Windows</a>
							</li>
							<li>
								<a href="">混合现实</a>
							</li>
						</ul>
					</div>
					<div class="product_fenlei">
						<div class="row">
							<div class="col-4">
								<div class="pro-box">
									<a href=""> <img src="imgs/01.jpg" />
										<p>Surface Pro 6 酷睿 i5 256GB 典雅黑专业键盘盖套餐</p>
									</a>
									<div class="pro-buy">
										<a href="">立即购买</a>
									</div>
								</div>
							</div>
							<div class="col-4">
								<div class="pro-box">
									<a href=""> <img src="imgs/02.jpg" />
										<p>Xbox One X 1TB 冰雪白￥3,399起，招行信用卡享12期免息</p>
									</a>
									<div class="pro-buy">
										<a href="">立即购买</a>
									</div>
								</div>
							</div>
							<div class="col-4">
								<div class="pro-box">
									<a href=""> <img src="imgs/03.jpg" />
										<p>Surface Pro 6 酷睿 i5 256GB 典雅黑专业键盘盖套餐</p>
									</a>
									<div class="pro-buy">
										<a href="">立即购买</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="from">
					<div class="from-box">
						<a href="">
							<span id="new-show">新品</span>
							<p>Surface</p>
							<img src="imgs/n-1.png" />
						</a>
					</div>
					<div class="from-box">
						<a href="">
							<p>HoloLens</p>
							<img src="imgs/n-2.png" />
						</a>
					</div>
					<div class="from-box">
						<a href="">
							<span id="new-show">新品</span>
							<p>Xbox</p>
							<img src="imgs/n-3.png" />
						</a>
					</div>
					<div class="from-box">
						<a href="">
							<p>Office</p>
							<img src="imgs/n-4.png" />
						</a>
					</div>
					<div class="from-box">
						<a href="">
							<p>Windows</p>
							<img src="imgs/n-5.png" />
						</a>
					</div>
					<div class="from-box">
						<a href="">
							<p>游戏</p>
							<img src="imgs/n-6.png" />
						</a>
					</div>
					<div class="from-box">
						<a href="">
							<p>电脑与平板</p>
							<img src="imgs/n-12.png" />
						</a>
					</div>
					<div class="from-box">
						<a href="">
							<p>配件</p>
							<img src="imgs/n-7.png" />
						</a>
					</div>
					<div class="from-box">
						<a href="">
							<p>以旧换新</p>
							<img src="imgs/n-8.png" />
						</a>
					</div>
					<div class="from-box">
						<a href="">
							<p>教育优惠</p>
							<img src="imgs/n-9.png" />
						</a>
					</div>
					<div class="from-box">
						<a href="">
							<p>优惠专区</p>
							<img src="imgs/n-10.png" />
						</a>
					</div>
					<div class="from-box">
						<a href="">
							<p>商务专区</p>
							<img src="imgs/n-11.png" />
						</a>
					</div>

				</div>

				<div class="four-from">
					<div class="four-box">
						<a href="">
							<img src="imgs/c-1.png" />
						</a>

						<div class="name">全新 Surface Studio 2 </div>
						<p>灵感<br>耀出众</p>

					</div>
					<div class="four-box">
						<a href="">
							<img src="imgs/c-2.png" />
						</a>

						<div class="name">Surface Pro 6</div>
						<p>百变<br>耀出众</p>

					</div>
					<div class="four-box">
						<a href="">
							<img src="imgs/c-3.png" />
						</a>

						<div class="name">Surface Laptop 2</div>
						<p>匠心<br>耀出众</p>

					</div>
					<div class="four-box">
						<a href="">
							<img src="imgs/c-4.png" />
						</a>

						<div class="name">Surface Go</div>
						<p>赋予便携<br>新能量</p>

					</div>
				</div>

				<div class="new_product">
					<h2>618星品惠</h2>
					<div class="row">
						<div class="col-md">
							<div class="new-box">
								<a href=""> <img src="imgs/14.png" />
									<p> Surface Go
										<br> <b class="new-b">64GB WiFi 版专业键盘盖套餐</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥3,676</b>
								</span> </a>
							</div>
						</div>
						<div class="col-md">
							<div class="new-box">
								<a href=""> <img src="imgs/15.png" />
									<p> Surface Pro 6 亮铂金
										<br> <b class="new-b">酷睿 i7 8GB 256GB</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥11,508起</b>
								</span> </a>
							</div>
						</div>
						<div class="col-md">
							<div class="new-box">
								<a href=""> <img src="imgs/16.png" />
									<p> Surface Laptop 2
										<br> <b class="new-b">酷睿 i7 8GB 256GB</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥11,968起</b>
								</span> </a>
							</div>
						</div>
						<div class="col-md">
							<div class="new-box">
								<a href=""> <img src="imgs/17.png" />
									<p> Xbox One S 1TB 家庭套装
										<br> <b class="new-b">核心重铸 + 索尼克：力量</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥1,999起</b>
								</span> </a>
							</div>
						</div>
						<div class="col-md">
							<div class="new-box">
								<a href=""> <span id="hot-sell">热卖</span> <img src="imgs/18.png" />
									<p> Xbox 无线控制器（冰雪白）
										<br> <b class="new-b">丰富功能，更强体验</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥319起</b>
								</span> </a>
							</div>
						</div>
					</div>
				</div>
				<div class="surface-t">
					<h2 class="surface-h2">Surface</h2>
					<div class="surface">
						<div class="row">
							<div class="col-md-3">
								<div class="new-box surface-first">
									<p class="p-w"> 卓越生产力，非凡创造力
										<br> Surface 全明星系列震撼登陆 </p>
									<a href="">查看更多></a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1 bor-two">
									<a href=""> <img src="imgs/08.png" class="n-img" />
										<p> 全新 Surface Studio 2
											<br> <b class="new-b">超越你对创意工作室的想象</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥29,108</b>起
								</span> </a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1 bor-right">
									<a href=""> <img src="imgs/09.png" class="n-img" />
										<p> Surface Pro（第五代）
											<br> <b class="new-b">更轻薄，更灵活</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥5,738</b>
								</span> </a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1">
									<a href=""> <img src="imgs/10.png" class="n-img" />
										<p> Surface Book 2
											<br> <b class="new-b">13.5 英寸酷睿 i7 256GB</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥16,068</b>
								</span> </a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="office-t">
					<h2 class="surface-h2">Office</h2>
					<div class="office">
						<div class="row">
							<div class="col-md-3">
								<div class="new-box office-first">
									<p class="p-w"> 专注高效生产力
										<br>选择Office，
										<br> 成就更高生产力 </p>
									<a href="">查看更多></a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1 bor-two">
									<a href=""> <span id="face-to">面向个人</span> <img src="imgs/06.png" class="n-img" />
										<p> Office365个人版
											<br> <b class="new-b">可在多部设备上安装，享持续更新</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥398</b>
								</span> </a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1 bor-right">
									<a href=""> <span id="face-to">多人共享</span> <img src="imgs/05.png" class="n-img" />
										<p> Office365家庭版
											<br> <b class="new-b">可供多达6位用户分享，享持续更新</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥498</b>
								</span> </a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1">
									<a href=""> <span id="face-to" class="face-right">兼容Pc/Mac</span> <img src="imgs/07.png" class="n-img" />
										<p> Office家庭版和个人版 2019
											<br> <b class="new-b">2019版经典应用，一次购买，永久使用</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥748</b>
								</span> </a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="xbox-t">
					<h2 class="surface-h2">Xbox</h2>
					<div class="surface">
						<div class="row">
							<div class="col-md-3">
								<div class="new-box xbox-first">
									<p class="p-w"> 更纤薄、更时尚、更高清
										<br> 打造畅快游戏体验 </p>
									<a href="">查看更多></a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1 bor-two">
									<a href=""> <img src="imgs/11.png" class="n-img" />
										<p> Xbox One X 1TB 渐变金特别版
											<br> <b class="new-b">招行信用卡享 12 期免息</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥3,699起</b>
								</span> </a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1 bor-right">
									<a href=""> <img src="imgs/12.png" class="n-img" />
										<p> Xbox One S 1TB 动作冒险套装
											<br> <b class="new-b">选赠品套餐，免费得定制T恤</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥1,999起</b>
								</span> </a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1">
									<a href=""> <img src="imgs/13.png" class="n-img" />
										<p> Xbox 无线控制器
											<br> <b class="new-b">个性外观，难忘触感</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥319起</b>
								</span> </a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="parts-t">
					<h2 class="surface-h2">电脑与配件</h2>
					<div class="surface">
						<div class="row">
							<div class="col-md-3">
								<div class="new-box parts-first">
									<p class="p-w"> 精选品牌
										<br> Windows 10电脑与配件 </p>
									<a href="">查看更多></a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1 bor-two">
									<a href=""> <img src="imgs/009.png" class="n-img" />
										<p> Azure Kinect DK
											<br>用于构建高级计算机视觉和语音模型的开发工具包 </p> <span id="n-money">
									售价：<b class="new-buy">￥2,988</b>
								</span> </a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1 bor-right">
									<a href=""> <img src="imgs/110.png" class="n-img" />
										<p> 微软 Sculpt 无线便携鼠标
											<br> <b class="new-b">Windows 按钮可快速查看“开始”菜单，蓝影追踪技术，适用于多种表面</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥139</b>
								</span> </a>
								</div>
							</div>
							<div class="col-md-3">
								<div class="new-box-1">
									<a href=""> <img src="imgs/120.png" class="n-img" />
										<p> 微软精准鼠标
											<br> <b class="new-b">支持 USB 和蓝牙两种连接方式，侧键可自定义，控制更精准</b> </p> <span id="n-money">
									售价：<b class="new-buy">￥765</b>
								</span> </a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--json-->
		<div class="json">
			<div class="container">
				<h2 class="surface-h2">热门Windows 10 游戏及应用</h2>
				<div id="app">
					<ul>
						<li v-for="url in message">
							<a href="">
								<div class="bt-g">
									<img :src="url.img" />
									<div class="json-bt"></div>
								</div>
								<p>{{url.title}}</p>
								<img :src="url.imgs" />
								
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--json-->
		<div class="service">
			<div class="container">
				<div class="service-box">
					<a href=""> <img src="imgs/0_03.png" />
						<p>30天包退换</p>
					</a>
				</div>
				<div class="service-box">
					<a href=""> <img src="imgs/32_06.png" />
						<p>顺丰包邮</p>
					</a>
				</div>
				<div class="service-box service-border">
					<a href=""> <img src="imgs/32_03.png" />
						<p>24 x 7在线服务</p>
					</a>
				</div>
				<div class="service-box">
					<a href=""> <img src="imgs/32_12.png" />
						<p>认证翻新 Surface</p>
					</a>
				</div>
				<div class="service-box">
					<a href=""> <img src="imgs/32_14.png" />
						<p>微信/支付宝快捷支付</p>
					</a>
				</div>
				<div class="service-box service-border">
					<a href=""> <img src="imgs/32_09.png" />
						<p>超万种产品以旧换新</p>
					</a>
				</div>
			</div>
		</div>
		<footer>
			<div class="container">
				<form class="form-inline">
					<p>获取新品发售资讯，有机会享专属优惠 </p>
					<div class="input-group">
						<input type="text" class="form-control" placeholder="请输入您的邮件地址" aria-label="Username" aria-describedby="basic-addon1">
						<div class="input-group-prepend"> <span class="input-group-text" id="basic-addon1">订阅</span> </div>
					</div>
					<a href="">隐私条款</a>
				</form>
				<div class="footer-information">
					<div class="row">
						<div class="col-md-3">
							<div class="f-i-box"> <span class="f-show">产品类型</span> <i id="f-n"></i>
								<ul class="f-i-s-t">
									<li>
										<a href="">Surface</a>
									</li>
									<li>
										<a href="">电脑与平板</a>
									</li>
									<li>
										<a href="">Xbox</a>
									</li>
									<li>
										<a href="">Office</a>
									</li>
									<li>
										<a href="">Windows</a>
									</li>
									<li>
										<a href="">Visual Studio</a>
									</li>
									<li>
										<a href="">其他软件与服务</a>
									</li>
									<li>
										<a href="">配件</a>
									</li>
									<li class="f-t-l">
										<a href="">其他微软站点</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="col-md-3">
							<div class="f-i-box"> <span class="f-show">账户详情</span> <i id="f-n"></i>
								<ul class="f-i-s-t">
									<li>
										<a href="">订单跟踪</a>
									</li>
									<li>
										<a href="">订单历史</a>
									</li>
									<li>
										<a href="">软件密钥和下载</a>
									</li>
								</ul>
							</div>
							<div class="f-i-box"> <span class="f-show"><a href="http://rhycang.gitee.io/dianzhonngdian-3/">关于我们</a></span> <i id="f-n"></i>
								<ul class="f-i-s-t">
									<li>
										<a href="">查找店铺</a>
									</li>
									<li>
										<a href="">网站地图</a>
									</li>
									<li>
										<a href="http://rhycang.gitee.io/dianzhonngdian-3/">微软店中店</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="col-md-3">
							<div class="f-i-box"> <span class="f-show">支持与关注</span> <i id="f-n" class="f-n-b"></i>
								<ul class="f-i-s-t">
									<li>
										<a href="">产品支持信息</a>
									</li>
									<li>
										<a href="">退换货政策</a>
									</li>
									<li>
										<a href="">常见问题</a>
									</li>
									<li>
										<a href="">软件产品问题</a>
									</li>
									<li>
										<a href="">教育优惠相关问题</a>
									</li>
									<li>
										<a href="">购物流程</a>
									</li>
									<li>
										<a href="">支付与配送</a>
									</li>
									<li>
										<a href="">售后服务</a>
									</li>
								</ul>
							</div>
							<div class="f-i-box"> <span class="f-show">关注我们</span> <i id="f-n"></i> </div>
							<div class="f-i-b-three">
								<div class="row text-center">
									<div class="col-md-6">
										<div class="f-weibo f-i-s-t">
											<a href="" class="weibo"> <img src="imgs/001_03.png" /> </a>
											<p>官方微博</p>
											<p>微软官方商城</p>
										</div>
									</div>
									<div class="col-md-6"> <img src="imgs/27.png" class="weixin" />
										<p> <img src="imgs/001_07.png"> 微信公众号 </p>
										<p> 微软官方商城 </p>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="f-i-box f-i-box-n"> <span class="f-show">热门资源</span> <i id="f-n"></i>
								<ul class="f-i-s-t">
									<li>
										<a href=" ">Surface Pro 6</a>
									</li>
									<li>
										<a href=" ">Surface Laptop 2</a>
									</li>
									<li>
										<a href=" ">Surface Studio 2</a>
									</li>
									<li>
										<a href=" ">Surface Pro（第五代）</a>
									</li>
									<li>
										<a href=" ">Surface Book 2</a>
									</li>
									<li>
										<a href=" ">Xbox One</a>
									</li>
									<li>
										<a href=" ">Office 365</a>
									</li>
									<li>
										<a href=" ">Office for Mac</a>
									</li>
									<li>
										<a href=" ">优惠信息</a>
									</li>
									<li>
										<a href=" ">教育专区</a>
									</li>
									<li>
										<a href=" ">商务专区</a>
									</li>
									<li>
										<a href=" ">以旧换新</a>
									</li>
								</ul>
							</div>
						</div>
						<ul>
							<li class="f-t-l ">
								<a href=" ">其他微软站点</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
		<div class="foter ">
			<div class="container ">
				<div class="row ">
					<div class="col-md-2 ">
						<div class="foter-change ">
							<a href=" "><i id="f-c-i"></i> 中国 - 简体中文</a>
						</div>
					</div>
					<div class="col-md-10">
						<ul class="foter-ul foter-mt">
							<li>
								<a href=" ">使用与销售</a>
							</li>
							<li>
								<a href=" ">隐私权声明</a>
							</li>
							<li>
								<a href=" ">商标</a>
							</li>
							<li>沪ICP备12038052号-4</li>
							<li>
								<a href=" "><img src="imgs/0011_07.png" />京公网安备 11010802023178号</a>
							</li>
							<li>
								<a href=" ">公司证件</a>
							</li>
							<li>© 2019 Microsoft</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="footerwarp">
			<div class="container">
				<div class="f-w">
					<a href=""> <img src="imgs/捕获_03 (2).png" /> </a>
					<p>
						<a href="">
							首页
						</a>
					</p>
				</div>
				<div class="f-w">
					<a href=""> <img src="imgs/捕获_013_03.png" /> </a>
					<p>
						<a href="">
							分类
						</a>
					</p>
				</div>
				<div class="f-w">
					<a href=""> <img src="imgs/007_05.png" /> </a>
					<p>
						<a href="">
							购物车
						</a>
					</p>
				</div>
				<div class="f-w">
					<a href=""> <img src="imgs/捕获_013_05.png" /> </a>
					<p>
						<a href="">
							账号
						</a>
					</p>
				</div>
				<div class="f-w">
					<a href=""> <img src="imgs/捕获_013_07.png" /> </a>
					<p>
						<a href="">
							客服
						</a>
					</p>
				</div>
			</div>
		</div>
		<!--返回顶部-->
		<div id="toTop"> 
			<img src="imgs/up_03.png" /> 
		</div>
		<!--客服-->
			<div id="kefu">
				<img src="imgs/servers.png" />
			</div>
			<div class="kefu-content">
				<div class="kefu-head">
					<img src="imgs/kefu.t.png" alt="" />
					联系客服
					<i id="x"></i>
				</div>
				<div class="kefu-center">
					<span><i id="say-i"></i>24X7在线聊天</span>
					
					<div>
						<button id="btn-s">开始在线聊天</button>
					</div>
					
				</div>
				<div class="kefu-bottom">
					<span><i id="say-p"></i>电话联系</span>
					<div class="k-b-p">
						<p>微软官方商城服务热线：<a href="javascript:">4008822059</a></p>
						<p>商务购买服务热线：<a href="javascript:">4008056783</a></p>
						<p>微软中国技术服务热线：<a href="javascript:">4008203800</a></p>
					</div>
				
				</div>
			
			</div>
		<!--邮件-->
		<div id="email">
			<img src="imgs/dingyue.png" />
		</div>
		<div class="wapper">
			<div class="email-content">
			<div class="em-title">
				<h3>不容错过</h3>
			<i id="em-x"></i>
			</div>
			
			<div class="em-center">
				<h4>立即订阅商城资讯，获得第一手新品信息和促销简介，更多优惠等你来！</h4>
				<input type="text" id="" placeholder="请输入你的名字" />			
				<p>*以下信息请至少填写一项</p>
				<input type="text" id="" placeholder="请输入你的手机号码" />		
				<input type="text" id="" placeholder="请输入你的邮件地址" />		
			</div>
			
			<div class="em-bottom">
				<a href="Javascript:">隐私条款</a>
				<button id="dingyue">立即订阅</button>
			</div>
		</div>
		</div>
		
		
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js "></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js "></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js "></script>
		<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
		<script src="js/vue.min.js"></script>
		<script src="js/axios.min.js"></script>
		<script src="js/index.js"></script>
	</body>

</html>